import React, { useState } from 'react'
import { View, Text } from '@tarojs/components'

// 左侧分类列表
import LeftNavigation from './ificationdetails/leftNavigation'
// 右侧商品列表
import RightNavigation from './rightNavigation'

import './index.scss'

function Ification() {
    // 左侧数据
    const [leftNavList, useLeftNavList] = useState(
      [
        {leftText:'牛奶/面包', id:1},
        {leftText:'蔬菜', id:2},
        {leftText:'肉禽蛋', id:3},
        {leftText:'海鲜水产', id:4},
        {leftText:'粮油调味', id:5},
        {leftText:'火锅季', id:6},
        {leftText:'方便菜', id:7},
        {leftText:'早点', id:8},
        {leftText:'熟食卤肉', id:9},
        {leftText:'冰品面点', id:10},
        {leftText:'冰品面点', id:11},
        {leftText:'冰品面点', id:12},
        {leftText:'冰品面点', id:13},
        {leftText:'冰品面点', id:14},
        {leftText:'冰品面点', id:15},
        {leftText:'冰品面点', id:16},
        {leftText:'冰品面点', id:17},
        {leftText:'冰品面点', id:18},
        {leftText:'冰品面点', id:19},
        {leftText:'冰品面点', id:20},
        {leftText:'冰品面点', id:21},
        {leftText:'冰品面点', id:22},
      ]
    )
  // 右侧数据
  const [rightNavIgation,useRightNavIgation] = useState([
    {rightText: '鲜奶' ,id: 1,rightUrl: require('../../static/images/niunai.png')},
    {rightText: '酸奶' ,rightUrl: require('../../static/images/niunai.png')},
    {rightText: '乳酸菌' ,rightUrl: require('../../static/images/niunai.png')},
    {rightText: '进口奶' ,rightUrl: require('../../static/images/niunai.png')},
    {rightText: '面包' ,rightUrl: require('../../static/images/niunai.png')},
    {rightText: '奶粉' ,rightUrl: require('../../static/images/niunai.png')},

  ])
    return (
      <View className='ification'>
        {/*左侧*/}
        <LeftNavigation leftNavList={leftNavList}/>
        {/*右侧*/}
        <RightNavigation rightNavIgation={rightNavIgation} />
      </View>
    )
}

export default Ification
